@charset "utf-8";

@import "../_fontsize.scss";
@import "_common.scss";
.biggest{  width: 100%;height: 100%;background-color: rgba(0,0,0, .2);position: absolute;
         display: none;
        
        z-index: 999;
       #add{width: r(545);height: r(700);background: #f8f8f8;
                position: relative; 
                position: absolute;
                bottom: 20%;
                left: 8%;
                z-index: 999;
//              display: none;
                border-radius: 8px;
                animation: s1 500ms ease-out alternate;
            h5{width: 90%;margin: 0 auto;display:inline-block;
                text-align: center;font-size: r(30);
                color: #D62D31;font-weight: normal;
                margin-top: r(46);
            }
          p{font-size: r(24);line-height: r(40);
            color: #666666;display:inline-block;
            width: 90%;margin-left:r(40);margin-top: r(30);
            }
           span{width: 100%;height:r(137);position: absolute;
           background: #f8f8f8;bottom: r(8);
           text-align: center;
           right: 0;border-top: 1px solid #C1C1C1;
           a{display: block;width: 80%;height: r(80);border:1px solid #B4B4B4;
           margin: 0 auto;line-height: r(80);margin-top: r(20);
           background: #FFFFFF;font-size: r(26);}
           
           }
            }}
     @keyframes s1{
                0%{transform:scale(0);opacity: 0.2;
//                  border: 1px solid #D62D31;
                }
//              50%{bottom: r(-155);opacity: 0.7;}
                100%{transform:scale(1);opacity: 1;
                    border: 1px solid #D62D31;}
                }
header {
    .record-Ltop {
        //      width:r(21);
        //      height: r(38);
        //      margin-left: r(30);
        //      margin-top: r(25);
        a {
            width: r(21);
            height: r(38);
            margin-left: r(30);
            //      margin-top: r(25);
            display: block;

            img {
                width: 100%;
                height: 100%;
            }
        }
    }
    .record-Rtop {
        width: r(38);
        height: r(38);
        margin-right: r(30);
        font-size: r(30);
        margin-top: r(25);

        img {
            width: 100%;
            height: 100%;
        }
    }

    .record-Mtop {
        margin: 0 auto;
        text-align: center;
        line-height: r(87);
    }

}

section {
    position: absolute;
    top: r(88);
    width: 100%;
    bottom: r(0);
//  height: 100%;
    overflow: scroll;
    background: #FFFFFF;
       #tab{position:relative;
            width: 100%;
//          font-size: 0;
        .tabList{
            width: 100%;
            height: r(80);
            border-bottom: 1px solid #C1C1C1;
            line-height: r(80);
        }
        .tabList ul li{
            float:left;
            background:#fefefe;
             width: 100%;
            height: r(80);
//          padding:5px 0;
            width:33%;
            height: r(81);
            font-size: r(26);
            text-align:center;
//          margin-left:-1px;
            position:relative;
            cursor:pointer;
        }
        
    .tabCon{
    position:absolute;
//  left:-1px;
    top:r(81);
//  border:1px solid #ccc;
    border-top:none;
    width:100%;
    height:r(440);
 
    div{
    
    position:absolute;
    opacity:0;
    width: 100%;
    filter:alpha(opacity=0);
}
        .record-content{
            display: block;
            width: 100%;
            height: r(118);
            border-bottom: 1px solid #e1e2e4;
            p.record-content-1{
                width: 95%;
                height: r(58);
                display: block;
               font-size: r(26);
               line-height: r(58);
               margin: 0 auto;
               margin-top: r(18);
               color: #000000;
                 span i{
                        font-style: normal;color: #CD3333;
                    }
            }
            p.record-content-2{width: 95%;
            margin: 0 auto;
                    font-size: r(17);color: #666666;
                    
                   } 
        }

}
.tabList li.cur{
    border-bottom:none;
    background:#fff;
    border-bottom: 3px solid #D62D31;
    transition: border 1s;
    font-weight: bold;
    font-size: r(30);
    color: #D62D31;
}
.tabCon div.cur{
    opacity:1;
    width: 100%;
    filter:alpha(opacity=100);
} }
}

